<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html lang="cn">
<head>
<%@ include file="/WEB-INF/pages/include/globa.jsp"%>
<head>
<meta charset="utf-8" />
<title>智能硬件梦工场-在线下单</title>
<meta http-equiv="description" content="智能硬件梦工场,敏捷制造,工业设计">
<meta http-equiv="X-UA-Compatible" content="IE=Edge,chrome=1">
<meta http-equiv="keywords" content="智能硬件梦工场" />
<meta name="viewport"
	content="width=device-width, initial-scale=1, maximum-scale=1, minimum-scale=1.0, user-scalable=0" />
<!-- 基本 CSS样式 -->
<link href="${SERVER_PATH}/css/index/main.css" rel="stylesheet">
<!-- 网页css样式 -->
<link href="${SERVER_PATH}/css/index/style.css" rel="stylesheet">
<!--图标按钮-->
<link href="${SERVER_PATH}/fonts/ali-icons-index/iconfont.css"
	rel="stylesheet">
<!--弹出层-->
<link
	href="${SERVER_PATH}/libs/jquery/bootstrap-modal/css/bootstrap-modal.css"
	rel="stylesheet">
<link
	href="${SERVER_PATH}/libs/jquery/bootstrap-modal/css/bootstrap-modal-bs3patch.css"
	rel="stylesheet">
<!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
<!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
<!--[if lt IE 9]>
      <script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script>
      <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
    <![endif]-->
<style>
.frame-div {
	width: 100%;
	height: 80px;
	position: absolute;
	bottom: 0px;
	background: #fff;
}

@media ( max-width : 768px) {
	.frame-div {
		bottom: 0;
		height: 88px;
	}
}

@media ( max-width : 490px) {
	.frame-div {
		bottom: 5px;
		height: 88px;
	}
}
</style>
</head>
<body class="noselect" ondragstart="return false">
	<header class="header ">
		<div class="container container-large  clearfix">
			<div class="page-wrap header-parent">
				<div class="header-stable">
					<div class="header-logo">
						<a href="${SERVER_PATH}/index">
							<h4>
								<img src="${SERVER_PATH}/img/logo2.png" alt="梦工场">
							</h4>
						</a>
					</div>
				</div>
				<div class="page-wrap header-navi">
					<div class="navi-left">
						<ul id="navi-menu-left" class="page-wrap navigation">
							<li><a href="${SERVER_PATH}/tech/list">科技成果</a></li>
							<li><a href="${SERVER_PATH}/made">智造局</a></li>
							<li><a href="#">活动</a></li>
						</ul>
					</div>
					<div class="navi-login">
						<ul id="navi-menu-right" class="page-wrap navigation login-ul">

							<c:choose>
								<c:when test="${empty user}">
									<li><a href="${SERVER_PATH}/login#/access/signin">登录</a></li>
									<li><span>|</span><a
										href="${SERVER_PATH}/login#/access/reg/phone">注册</a></li>
								</c:when>
								<c:otherwise>
									<li class="userli"><a href="${SERVER_PATH}/user"> <i><img
												src="${user.icon}" /></i><span>${user.name}</span>
									</a></li>
								</c:otherwise>
							</c:choose>

						</ul>
					</div>
					<div class="page-wrap navi-toggle">
						<a href="#" class="navi-toggle-btn"> <i
							class="iconfont icon-menu"></i>
						</a>
					</div>
				</div>
			</div>
		</div>
	</header>
	<!-- 侧边导航 -->
	<div class="slide-mask"></div>
	<aside class="slide-wrapper">
		<div>
			<ul id="navi-menu">
			</ul>
		</div>
	</aside>
	<section>
		<div class="container" style="padding-top: 30px; position: relative">
			<iframe height="1500" allowTransparency="true"
				style="width: 100%; border: none; overflow: hidden;" frameborder="0"
				src="http://cn.mikecrm.com/Dwnubnu"></iframe>
			<div class="frame-div"></div>
		</div>
	</section>
	<section class="underfooter">
		<div class="container container-large ">
			<div class="row">
				<div class="col-xs-9 col-sm-6 col-md-3 redlock-border">
					<!--<h4>联系我们</h4> -->
					<div class="footer-left">
						<dl class="footer-address">
							<dt>
								<i class="iconfont icon-brand1"></i>
							</dt>
							<dd>
								<address class="redlock-connect">
									<span>服务电话</span><br> 010-61934110
								</address>
							</dd>
						</dl>
						<dl class="footer-address">
							<dt>
								<i class="iconfont icon-brand2 foot-height"></i>
							</dt>
							<dd>
								<address>
									<span>公司地址</span><br> 北京市海淀区成府路45号 中关村智造大街
								</address>
							</dd>
						</dl>
						<dl class="footer-address">
							<dt>
								<i class="iconfont icon-brand"></i>
							</dt>
							<dd>
								<address>
									<span>公司邮箱</span><br> <a href="mailto:#">ying_zhihui@hotmail.com</a>
								</address>
							</dd>
						</dl>
					</div>
				</div>
				<div class="col-xs-12 col-sm-6 col-md-6 redlock-border">
					<div class="footer-cooperation">
						<div class="row">
							<ul class="clearfix footer-links">
								<span class="footer-title">合作伙伴</span>
								<li style="width: 180px"><a href="#" class="thumbnail">
										<img src="${SERVER_PATH}/img/logo3.png" alt="智造大街">
								</a></li>
								<li style="padding-left: 20px;"><a href="#"
									class="thumbnail"> <img src="${SERVER_PATH}/img/logo1.png"
										alt="智能硬件梦工场">
								</a></li>

							</ul>
						</div>
					</div>

				</div>
				<div class="col-xs-12 col-sm-12 col-md-3">
					<div>
						<div class="footer-code">
							<span class="footer-title">扫描关注智能硬件梦工场</span> <img
								src="${SERVER_PATH}/img/code.jpg" class="v-code" alt="二维码">
						</div>
					</div>
				</div>
			</div>
		</div>
	</section>
	<footer>
		<div class="container">
			<div class="row">
				<p class="text-center">
					网站支撑单位：北京硬智汇科技有限公司 |&nbsp;<a href="http://www.miibeian.gov.cn/"
						target="_blank">京ICP备121212212号</a>
				</p>
			</div>
		</div>
	</footer>
	<!-- Modal -->
	<div class="modal fade" id="userRequireModal" tabindex="-1"
		role="dialog" aria-labelledby="userRequireModalLabel">
		<div class="modal-dialog" role="document">
			<div class="modal-content">
				<div class="modal-header">
					<button type="button" class="close" data-dismiss="modal"
						aria-label="Close">
						<span aria-hidden="true">&times;</span>
					</button>
					<h4 class="modal-title" id="myModalLabel">咨询我们</h4>
				</div>
				<form id="requireform">
					<div class="modal-body">
						<div class="form-group">
							<label for="username"> <span>称呼：</span>
							</label> <input name="username" maxlength="30" class="form-control"
								type="text" />
						</div>
						<div class="form-group">
							<label for="telephone"> <span>联系电话：</span>
							</label> <input name="telephone" maxlength="12" class="form-control"
								type="text" />

						</div>
						<div class="form-group">
							<label for="content"> <span>需求：</span>
							</label>
							<textarea class="form-control" name="content"></textarea>
						</div>
						<div class="form-group">
							请填写您的需求，我们稍后会有客服与您接洽，您也可以直接咨询我们：<br /> 电话：010-61934110<br />
							Email：redblock@sina.com
						</div>
						<div class="form-group">
							<span id="msgId" class="redblock"></span>
						</div>
					</div>
					<div class="modal-footer">
						<button type="button" id="submitBtn" class="banner-btn">提交</button>
						<button type="button" class="banner-btn" data-dismiss="modal">取消</button>
					</div>
				</form>
			</div>
		</div>
	</div>
	<!-- jQuery -->
	<script type="text/javascript"
		src="${SERVER_PATH}/libs/jquery/jquery.min.js"></script>
	<!-- 响应导航  -->
	<script type="text/javascript"
		src="${SERVER_PATH}/js/web/response-navi.js"></script>

	<!-- 科技成果引入方法 -->
	<script type="text/javascript"
		src="${SERVER_PATH}/js/web/tech-function.js"></script>
	<!-- 弹出层js -->
	<script type="text/javascript"
		src="${SERVER_PATH}/libs/jquery/bootstrap-modal/js/bootstrap-modal.js"></script>
	<script type="text/javascript"
		src="${SERVER_PATH}/libs/jquery/bootstrap-modal/js/bootstrap-modalmanager.js"></script>
	<script>
		
	</script>
</body>
</html>